import {Excalidraw, MainMenu, Footer} from "@excalidraw/excalidraw";
import React from "react";
const DrawBoard:React.FC=()=>{
    return (
        <div style={{position: "absolute",height: "100%",width: "100%"}}>
            <Excalidraw
                renderTopRightUI={() => {
                    return (
                        <button
                            style={{
                                background: "#70b1ec",
                                border: "none",
                                color: "#fff",
                                width: "max-content",
                                fontWeight: "bold",
                            }}
                            onClick={() => window.alert("This is dummy top right UI")}
                        >
                            发布
                        </button>
                    );
                }}>
                <MainMenu>
                    <MainMenu.DefaultItems.ChangeCanvasBackground/>
                    <MainMenu.DefaultItems.Export/>
                    <MainMenu.DefaultItems.ClearCanvas/>
                    <MainMenu.DefaultItems.LoadScene/>
                    <MainMenu.DefaultItems.SaveAsImage/>
                    <MainMenu.DefaultItems.SaveToActiveFile/>
                </MainMenu>

            </Excalidraw>
        </div>
    )
}
export default DrawBoard;
